home *** CD-ROM | disk | FTP | other *** search
/ Freelog 119 / FreelogNo119-MarsAvril2014.iso / Securite / Malwarebytes Anti-Malware / mbam-setup-1.75.0.1300.exe / {app} / Chameleon / chameleon.chm / css / all.css next >
Cascading Style Sheet File  |  2012-03-03  |  24KB  |  1,142 lines
  1. body{
  2.     margin:0;
  3.     color:#444;
  4.     font:12px/18px Arial, Helvetica, sans-serif;
  5.     background:#003259;
  6.     min-width:1000px;
  7. }
  8. a{
  9.     color:#0054a6;
  10.     text-decoration:none;
  11. }
  12. a:hover{text-decoration:underline;}
  13. button { border:0px; outline:none; margin:0px; padding:0px; }
  14. form,fieldset {
  15.     border:0;
  16.     margin:0;
  17.     padding:0;
  18. }
  19. input,select,textarea {
  20.     vertical-align:top;
  21.     font:14px/18px Arial, Helvetica, sans-serif;
  22.     color:#666;
  23. }
  24. table {border-collapse:collapse;}
  25. img{border:none;}
  26. #footer:after,
  27. .header-holder:after{
  28.     display:block;
  29.     clear:both;
  30.     content:"";
  31. }
  32. #header{background:#1c1c1c url(../images/bg-header.gif) repeat-x;}
  33. .header-holder{
  34.     width:960px;
  35.     height:59px;
  36.     margin:0 auto;
  37.     position:relative;
  38.     z-index:10;
  39. }
  40. .logo{
  41.     margin:8px 62px 9px 0;
  42.     float:left;
  43.     width:231px;
  44.     height:42px;
  45.     text-indent:-9999px;
  46.     overflow:hidden;
  47.     background:url(../images/logo.gif) no-repeat;
  48. }
  49. .logo a{
  50.     display:block;
  51.     height:100%;
  52. }
  53. #nav{
  54.     list-style:none;
  55.     padding:0 2px 0 0;
  56.     margin:0 8px 0 0;
  57.     float:right;
  58.     font:18px/21px Arial, Helvetica, sans-serif;
  59.     background:url(../images/separator.gif) no-repeat right;
  60. }
  61. #nav li{
  62.     float:left;
  63.     background:url(../images/separator.gif) no-repeat left;
  64.     padding:0 0 0 2px;
  65.     position:relative;
  66. }
  67. #nav a{
  68.     color:#fff;
  69.     display:block;
  70.     padding:17px 12px 22px 23px;
  71. }
  72. #nav a span{padding:0 18px 0 0;}
  73. #nav li:hover a{
  74.     text-decoration:none;
  75.     background:#0d0d0d url(../images/bg-nav-hover.gif) repeat-x;
  76. }
  77. #nav .active a{background:#3b3b3b url(../images/bg-nav-active.gif) repeat-x;}
  78. #nav .active a span{
  79.     background:url(../images/bullet.gif) no-repeat right;
  80.     padding:0 18px 0 0;
  81. }
  82. #nav .drop{
  83.     width:245px;
  84.     position:absolute;
  85.     top:60px;
  86.     left:-2px;
  87.     display:none;
  88.     overflow:hidden;
  89.     background: url(../images/bg-drop.png) no-repeat 0 100%;
  90.     font:12px/18px Arial, Helvetica, sans-serif;
  91. }
  92. #nav .drop ul{
  93.     margin:0;
  94.     padding:0 4px 8px;
  95.     list-style:none;
  96.     width:237px;
  97.     background: url(../images/bg-drop.png) no-repeat 0 100%;
  98.     overflow:hidden;
  99.     position:relative;
  100. }
  101. #nav .drop ul li{
  102.     float:none;
  103.     height:1%;
  104.     vertical-align:top;
  105.     overflow:hidden;
  106.     background:url(../images/border.gif) repeat-x;
  107.     margin:-2px 0 2px;
  108.     padding:2px 0 0;
  109. }
  110. #nav .drop ul a{
  111.     padding:10px 13px 9px;
  112.     background:url(../images/transparent.gif);
  113. }
  114. #nav .drop ul a:hover{
  115.     text-decoration:none;
  116.     background:#2a2a2a;
  117. }
  118. .visual-container{
  119.     width:100%;
  120.     overflow:hidden;
  121.     position:relative;
  122.     background:#143654 url(../images/bg-visual-container.gif) no-repeat 50% 0;
  123. }
  124. .visual-container .w1{
  125.     float:left;
  126.     left:50%;
  127.     position:relative;
  128. }
  129. .visual-container .w2{
  130.     float:left;
  131.     left:-50%;
  132.     position:relative;
  133.     width:1510px;
  134. }
  135. .visual-container .text-container{
  136.     width:350px;
  137.     position:absolute;
  138.     top:40px;
  139.     left:50%;
  140.     margin:0 0 0 80px;
  141.     font:18px/21px Arial, Helvetica, sans-serif;
  142.     color:#fff;
  143. }
  144. .visual-container .text-container .title{
  145.     font-size:51px;
  146.     line-height:61px;
  147.     display:block;
  148.     letter-spacing:-2px;
  149.     padding:0 0 22px;
  150. }
  151. .visual-container .text-container p{margin:0 0 5px;}
  152. .visual-container .text-container a{
  153.     text-decoration:underline;
  154.     color:#fff;
  155.     background: url(../images/bullet3.gif) no-repeat right;
  156.     padding:0 15px 0 0;
  157. }
  158. .visual-container .buttons{
  159.     margin:0;
  160.     padding:30px 0 0;
  161.     list-style:none;
  162.     width:100%;
  163.     overflow:hidden;
  164. }
  165. .visual-text .buttons{padding-bottom:20px;}
  166. .visual-container .buttons li{
  167.     height:1%;
  168.     vertical-align:top;
  169.     margin:0 0 10px;
  170. }
  171. .visual-text .buttons li{
  172.     float:left;
  173.     margin:0 17px 0 0;
  174. }
  175. .visual-container .buttons a{
  176.     display:block;
  177.     width:256px;
  178.     height:39px;
  179.     text-indent:-9999px;
  180.     overflow:hidden;
  181.     padding:0;
  182.     background:url(../images/bg-buttons.gif) no-repeat;
  183. }
  184. .visual-container .buttons .buy-now{background-position:0 -51px;}
  185. .visual-container .buttons a:hover{background-position:-256px 0;}
  186. .visual-container .buttons .buy-now:hover{background-position:-256px -51px;}
  187. .visual-container img{vertical-align:top;}
  188. *+html .visual-container img{margin:0 0 0 10px;}
  189. .visual-container .visual-text{
  190.     width:645px;
  191.     position:absolute;
  192.     left:50%;
  193.     top:40px;
  194.     margin:0 0 0 -165px;
  195.     color:#fff;
  196. }
  197. .breadcrumbs{
  198.     margin:0 0 10px -6px;
  199.     padding:0;
  200.     list-style:none;
  201.     width:100%;
  202.     overflow:hidden;
  203. }
  204. .breadcrumbs li{
  205.     float:left;
  206.     background: url(../images/bullet5.gif) no-repeat left;
  207.     padding:0 12px;
  208.     margin:0 0 0 -6px;
  209.     color:#fff;
  210. }
  211. .breadcrumbs a{color:#fff;}
  212. .visual-text .title{
  213.     display:block;
  214.     font:36px/39px Arial, Helvetica, sans-serif;
  215.     color:#fff;
  216.     margin:0 0 13px;
  217. }
  218. .visual-text .title span{color:#00aeef;}
  219. .promo{
  220.     margin:0 0 0 2px;
  221.     padding:0;
  222.     list-style:none;
  223.     font:18px/21px Arial, Helvetica, sans-serif;
  224.     color:#fff;
  225. }
  226. .promo li{
  227.     height:1%;
  228.     vertical-align:top;
  229.     background: url(../images/bullet6.png) no-repeat 0 3px;
  230.     padding:0 0 8px 28px;
  231. }
  232. .promo li a{
  233.     color:#fff;
  234.     border-bottom:1px solid #fff;
  235. }
  236. .visual-text .promo a:hover{
  237.     text-decoration:none;
  238.     border:0;
  239. }
  240. .visual-text p{margin:0 0 10px;}
  241. .container{
  242.     width:100%;
  243.     overflow:hidden;
  244.     background:#fff;
  245.     padding:40px 0 38px;
  246.     border-top:1px solid #ccc;
  247. }
  248. .inner .container {padding:27px 0 38px;}
  249. .container .holder{
  250.     width:960px;
  251.     margin:0 auto;
  252.     overflow:hidden;
  253. }
  254. .content{
  255.     width:1020px;
  256.     overflow:hidden;
  257. }
  258. .text-container{
  259.     float:left;
  260.     width:470px;
  261.     overflow:hidden;
  262.     padding:0 10px 0 0;
  263.     margin:0 25px 0 0;
  264. }
  265. .text-container h2{
  266.     margin:0 0 8px;
  267.     font:bold 16px/19px Arial, Helvetica, sans-serif;
  268.     color:#000;
  269. }
  270. .text-container p{margin:0 0 12px;}
  271. .text-container .text-holder{
  272.     height:1%;
  273.     overflow:hidden;
  274.     padding:0 0 10px;
  275. }
  276. .text-container .image-holder{
  277.     float:left;
  278.     margin:0 15px 0 0;
  279. }
  280. .text-container .image-holder img{vertical-align:top;}
  281. .main-heading{background:#143654 url(../images/bg-main-heading.jpg) no-repeat 50% 0;}
  282. .main-heading .holder{
  283.     width:960px;
  284.     margin:0 auto;
  285.     padding:28px 0 22px;
  286. }
  287. .inner .main-heading .holder {padding-bottom:19px;}
  288. .inner .sub-box .holder {padding-bottom:77px;}
  289. .main-heading  h1{
  290.     margin:0;
  291.     font-size:48px;
  292.     line-height:51px;
  293.     color:#fff;
  294. }
  295. .section{
  296.     width:100%;
  297.     background:#eee;
  298.     padding:30px 0 44px;
  299.     border-top:1px solid #ccc;
  300. }
  301. .section .holder{
  302.     width:960px;
  303.     margin:0 auto;
  304.     overflow:hidden;
  305. }
  306. .columns{
  307.     width:1050px;
  308.     overflow:hidden;
  309. }
  310. .column{
  311.     width:290px;
  312.     float:left;
  313.     overflow:hidden;
  314.     margin:0 52px 0 5px;
  315. }
  316. .column .heading{
  317.     height:1%;
  318.     overflow:hidden;
  319.     background:url(../images/bg-headings.gif) no-repeat;
  320.     padding:4px 0 10px 34px;
  321. }
  322. .column .heading.news{background-position:0 -200px;}
  323. .column .heading.topics{background-position:0 -400px;}
  324. .column h3{
  325.     margin:0 0 10px;
  326.     font:18px/21px Arial, Helvetica, sans-serif;
  327.     color:#000;
  328. }
  329. .post{
  330.     height:1%;
  331.     overflow:hidden;
  332.     margin:0 0 0 5px;
  333. }
  334. .post .entry-title{
  335.     width:100%;
  336.     overflow:hidden;
  337.     margin:0 0 10px;
  338. }
  339. .post h4{
  340.     margin:0;
  341.     font-size:12px;
  342.     line-height:15px;
  343.     color:#0054a6;
  344. }
  345. .post h4 a{color:#0054a6;}
  346. .post p{margin:0 0 5px;}
  347. .date{
  348.     display:block;
  349.     font-style:normal;
  350. }
  351. .more{
  352.     font-weight:bold;
  353.     padding:0 10px 0 0;
  354.     background:url(../images/bullet2.gif) no-repeat right;
  355. }
  356. .column .topic-list{
  357.     margin:0;
  358.     padding:0;
  359.     list-style:none;
  360.     width:260px;
  361. }
  362. .column .topic-list li{
  363.     height:1%;
  364.     overflow:hidden;
  365.     padding:7px 5px;
  366.     vertical-align:top;
  367.     border-bottom:1px solid #aeaeae;
  368. }
  369. .column .topic-list li .date{float:right;}
  370. .column .topic-list a{font-weight:bold;}
  371. .section-content{
  372.     width:960px;
  373.     margin:-108px auto 0;
  374.     position:relative;
  375. }
  376. .inbber .section-content {width:970px;}
  377. .inner .section-content {
  378.     margin-top:-67px;
  379.     left:4px;
  380. }
  381. .section-content:after{
  382.     content:"";
  383.     display:block;
  384.     clear:both;
  385. }
  386. .tabs-area{
  387.     width:100%;
  388.     overflow:hidden;
  389. }
  390. .tabset{
  391.     margin:0;
  392.     padding:0;
  393.     list-style:none;
  394.     width:100%;
  395.     overflow:hidden;
  396.     font-size:17px;
  397.     line-height:20px;
  398. }
  399. .tabset li{
  400.     float:left;
  401.     margin:0 4px 0 0;
  402. }
  403. .tabset a{
  404.     float:left;
  405.     color:#fff;
  406.     padding:8px 26px;
  407.     background:#3d5163 url(../images/bg-tab.gif) repeat-x;
  408.     border:1px solid #153450;
  409.     border-bottom-color:#ccc;
  410. }
  411. .tabset a:hover{
  412.     text-decoration:none;
  413.     background:#627c93 url(../images/bg-hover-tab.gif) repeat-x;
  414. }
  415. .tabset .active,
  416. .tabset .active:hover{
  417.     color:#000;
  418.     background:#fff;
  419.     text-decoration:none;
  420.     border:1px solid #ccc;
  421.     border-bottom-color:#fff;
  422.     margin:0 0 -1px;
  423.     position:relative;
  424.     z-index:2;
  425. }
  426. .tab-block{
  427.     width:890px;
  428.     overflow:hidden;
  429.     background:#fff;
  430.     padding:35px 34px;
  431.     border:1px solid #ccc;
  432.     margin:-1px 0 0;
  433.     position:relative;
  434. }
  435. .inner .tab-block {
  436.     padding:27px 29px 35px 26px;
  437.     width:905px;
  438. }
  439. .container .tab-block{
  440.     width:926px;
  441.     border:0;
  442.     margin:0;
  443.     padding:0 0 35px;
  444. }
  445. .tab-block .tab-box{
  446.     width:571px;
  447.     float:left;
  448.     font-size:17px;
  449.     line-height:24px;
  450.     margin: 0 0 -5px;
  451. }
  452. .inner .tab-block .tab-box h2 {
  453.     font-size:24px;
  454.     margin-bottom:21px;
  455.     line-height:30px;
  456. }
  457. .tab-block .tab-box h2, .sub-container h2{
  458.     margin:0 0 30px;
  459.     font-size:29px;
  460.     line-height:33px;
  461.     color:#000;
  462. }
  463. .sub-container h2 {letter-spacing:0.5px;}
  464. .sub-container .text-holder h3 {
  465.     font-size:32px;
  466.     margin:0 0 27px;
  467.     color: #000;
  468.     letter-spacing:-1px;
  469. }
  470. .tab-block .tab-box h3{
  471.     margin:0 0 15px;
  472.     font-size:27px;
  473.     line-height:31px;
  474.     color:#358;
  475. }
  476. .tab-block .tab-box p{margin:0 0 24px;}
  477. .tab-block .tab-box ul{
  478.     margin:0 0 20px;
  479.     padding:0;
  480.     list-style:none;
  481. }
  482. .tab-block .tab-box ul li{
  483.     height:1%;
  484.     vertical-align:top;
  485. }
  486. .tab-block .tab-box .items-list {
  487.     margin: 0 0 15px 32px;
  488. }
  489. .tab-block .tab-box .items-list li{
  490.     background: url(../images/bullet7.gif) no-repeat 0 10px;
  491.     padding: 0 0 7px 10px;
  492. }
  493. .tab-block .tab-box ol{
  494.     margin:0;
  495.     padding:0 0 0 30px;
  496.     list-style:decimal;
  497. }
  498. .tab-block .tab-box ol li{vertical-align:top;}
  499. .tab-block .btn-row{
  500.     width:100%;
  501.     overflow:hidden;
  502.     font-size:14px;
  503.     line-height:18px;
  504.     margin:0 0 20px;
  505. }
  506. .sub-container {
  507.     width:100%;
  508.     overflow:hidden;
  509.     font-size:17px;
  510.     line-height:24px;
  511.     padding: 0 0 17px;
  512. }
  513. .sub-container p {margin: 0 0 16px;}
  514. .sub-container .text-holder{padding: 0 0 0 4px;}
  515. .sub-container .text-holder p {margin:0 0 27px;}
  516. .sub-container .text-holder h2{margin-bottom:21px;}
  517. .sub-container .info-box {
  518.     float:right;
  519.     border:1px solid #ccc;
  520.     background:#f5f5f5 url(../images/ico1.gif) no-repeat 19px 13px;
  521.     font-size:14px;
  522.     line-height:18px;
  523.     font-weight:bold;
  524.     color:#000;
  525.     padding: 15px 0 15px 104px;
  526.     width:195px;
  527.     margin: 6px 4px 0 10px;
  528. }
  529. .sub-container .info-box p {margin: 0 0 11px;}
  530. .sub-container .info-box strong {font-size:18px; color:#0054a6;}
  531. .sub-container .boxes {
  532.     background: url(../images/bg-boxes.gif) repeat-y;
  533.     width:951px;
  534.     overflow:hidden;
  535.     border: solid #ccc;
  536.     border-width:1px 0;
  537.     margin: 13px 0 0;
  538.     padding: 0 0 19px;
  539. }
  540. *+html .sub-container .boxes {padding-bottom:9px;}
  541. .sub-container .boxes .product-box {
  542.     float:left;
  543.     width:454px;
  544.     padding: 3px 0 0 19px;
  545. }
  546. .sub-container .boxes .product-box img {
  547.     float:left;
  548.     margin: 5px 11px 0 0;
  549. }
  550. .sub-container .product-box .text-block {
  551.     font-size:14px;
  552.     color:#444;
  553.     line-height:21px;
  554.     float:left;
  555.     width:241px;
  556.     padding: 22px 0 0;
  557. }
  558. .sub-container .product-box .download {
  559.     background: url(../images/btn-download.gif) no-repeat;
  560.     width:206px;
  561.     height:44px;
  562.     text-indent:-9999px;
  563.     overflow:hidden;
  564.     float:left;
  565. }
  566. .sub-container .product-box .upgrade {
  567.     background: url(../images/btn-upgrade.gif) no-repeat;
  568.     width: 240px;
  569.     height: 43px;
  570.     text-indent:-9999px;
  571.     overflow:hidden;
  572.     float:right;
  573. }
  574. .sub-container .product-box .text-block p {margin: 0 0 11px;}
  575. .sub-container .product-box .text-block h3 {
  576.     font-size:18px;
  577.     color:#0054a6;
  578.     margin: 0 0 10px;
  579. }
  580. .info-holder{
  581.     width: 951px;
  582. }
  583. .info {
  584.     font-size:18px;
  585.     color:#000;
  586.     width: 100%;
  587. }
  588. .products, .service-table {margin: 0 0 0 5px;}
  589. .service-table{
  590.     width: 950px;
  591. }
  592. .info td {
  593.     border:1px solid #ccc;
  594.     padding: 14px 0;
  595. }
  596. .info-holder .heading {
  597.     background:#022e51 url(../images/bg-heading.gif) no-repeat;
  598.     width:100%;
  599.     overflow:hidden;
  600.     padding:0;
  601. }
  602. .info-holder .heading span {
  603.     float:left;
  604.     padding:20px 0 20px 68px;
  605.     font-size:18px;
  606.     font-weight:bold;
  607.     color:#fff;
  608. }
  609. .info .heading-holder {
  610.     width:100%;
  611.     padding: 0;
  612. }
  613. .info .col1 {width: 471px;}
  614. .info .colored td {padding: 11px 0;background:#eee;}
  615. .info-holder .heading .alignright {float:right; padding: 18px 43px 20px 0;}
  616. .products-holder {margin: 0 0 48px 5px; width:950px;}
  617. .products{margin: 0; width: 100%;}
  618. .products td, .service-table td {border:1px solid #ccc; padding: 15px 0 12px;}
  619. .products .colored td {padding:10px 0 12px;}
  620. .info .heading td{
  621.     background:#022e51 url(../images/bg-heading1.gif) repeat-x;
  622.     font-weight:bold;
  623.     color:#fff;
  624.     overflow:hidden;
  625.     padding:0;
  626. }
  627. .info .yes {
  628.     background: url(../images/ico-yes.png) no-repeat 29px 3px;
  629.     padding: 0 0 0 77px;
  630. }
  631. .info .no {
  632.     background: url(../images/ico-no.png) no-repeat 29px 0;
  633.     padding: 0 0 0 78px;
  634. }
  635. .info .green {
  636.     color:#3ca43e;
  637. }
  638. .info .red {
  639.     color:#ed1c24;
  640. }
  641. .info span {padding: 0 0 0 21px; display:block; line-height:36px;word-spacing: -2px;}
  642. .info .heading span {padding: 10px 0 13px 17px; line-height:31px;}
  643. .service-table .heading span {padding: 10px 0 14px 22px; line-height:31px;}
  644. .sercive-table .text-box {width:315px;}
  645. .products .col1 {width:319px;}
  646. .products .heading .col1, .products .heading .col2, .service-table .heading .col1, .service-table .heading .col2{background: url(../images/bg-heading2.png) no-repeat 100% 0;}
  647. .products .col2 {width:315px;}
  648. .products .col3 {width:313px;}
  649. .service-table .col1 {width:319px;}
  650. .service-table .col2 {width:318px;}
  651. .service-table .col3 {width: 311px;}
  652. .info .heading .col1 { border: solid #254661; border-width:1px 0 0 1px;}
  653. .info .heading .col2 {border: solid #254661; border-width:1px 0 0 0;}
  654. .info .heading .col3 {border: solid #254661; border-width: 1px 1px 0 0;}
  655. .products .colored {background:#eee;}
  656. .info tr .heading {
  657.     background:#022e51 url(../images/bg-heading.gif) no-repeat;
  658.     width:100%;
  659.     overflow:hidden;
  660.     padding:0;
  661. }
  662. .info tr .heading span {
  663.     float:left;
  664.     padding:16px 0 17px 68px;
  665.     font-size:18px;
  666.     font-weight:bold;
  667.     color:#fff;
  668. }
  669. .products em {
  670.     color:#666;
  671.     font-size:12px;
  672.     display:block;
  673.     line-height:14px;
  674.     font-style:normal;
  675.     padding: 0 0 0 17px;
  676. }
  677. .products .green {
  678.     background: url(../images/ico-yes.png) no-repeat 18px 4px;
  679.     padding: 1px 0 0 57px;
  680.     display:block;
  681.     margin: 0 0 -1px;
  682.     letter-spacing:1px;
  683. }
  684. .products .red {
  685.     background: url(../images/ico-no.png) no-repeat 18px 4px;
  686.     padding: 0 0 0 57px;
  687.     display:block;
  688.     letter-spacing:1px;
  689. }
  690. .products .price span {
  691.     color:#444;
  692.     font-weight:normal;
  693.     display:block;
  694. }
  695. .products .price .size1 {line-height:25px;}
  696. .products .price span sup {font-size:12px;}
  697. .products .price .col1 span {color:#000;}
  698. .products .price strong {
  699.     font-weight:normal;
  700.     color:#ed1c24;
  701. }
  702. .info .contact td{
  703.     background:#e9f9ff;
  704.     text-align:center;
  705.     width:100%;
  706. }
  707. .info .contact strong {
  708.     color:#0054a6;
  709.     font-size:24px;
  710.     line-height:33px;
  711.     display:inline;
  712. }
  713. .service-table .text-box {
  714.     font-size:14px;
  715.     line-height:25px;
  716.     color:#444;
  717.     padding: 2px 20px 5px;
  718. }
  719. .service-table .text-box p{margin: 0 0 13px;}
  720. .service-table .text-box .price {
  721.     padding:0;
  722.     color:#3ca43e;
  723.     font-weight:bold;
  724.     font-size:18px;
  725. }
  726. .section-holder {background: url(../images/bg-section.gif) repeat-y;}
  727. .contact-form {
  728.     width:590px;
  729.     float:left;
  730.     font-size:18px;
  731.     color:#444;
  732.     line-height:24px;
  733.     padding: 5px 0 0 3px;
  734. }
  735. .contact-form p {margin: 0 0 29px;}
  736. .contact-form .text {
  737.     background: url(../images/bg-input.gif) no-repeat;
  738.     width: 315px;
  739.     height: 43px;
  740.     margin: 0 0 18px;
  741.     float:left;
  742.     padding: 0 2px;
  743. }
  744. .contact-form .text input {
  745.     width: 293px;
  746.     height: 33px;
  747.     padding: 5px 11px;
  748.     line-height:33px;
  749.     border:none;
  750.     font-size:18px;
  751.     color:#999;
  752.     float:left;
  753.     background:none;
  754. }
  755. .contact-form .text-area {
  756.     background: url(../images/bg-textarea.gif) no-repeat;
  757.     width: 592px;
  758.     height: 201px;
  759.     float:left;
  760.     margin: 0 0 13px;
  761. }
  762. .contact-form .text-area textarea {
  763.     width: 580px;
  764.     max-width:580px;
  765.     height: 190px;
  766.     max-height:190px;
  767.     font-size:18px;
  768.     color:#999;
  769.     border:none;
  770.     overflow:auto;
  771.     line-height:21px;
  772.     background:none;
  773.     padding: 5px 0 4px 10px;
  774. }
  775. .contact-form .submit {
  776.     background:#0054a6;
  777.     color:#fff;
  778.     border:none;
  779.     float:right;
  780.     padding: 10px 30px 10px 31px;
  781.     font-size:18px;
  782.     cursor:pointer;
  783.     margin: 0;
  784.     width:188px;
  785. }
  786. .aside{
  787.     width:269px;
  788.     float:right;
  789. }
  790. .inner .aside {
  791.     width:299px;
  792.     margin: 3px 0 0;
  793. }
  794. .sidebox{
  795.     width:233px;
  796.     padding:20px 17px 10px;
  797.     margin:0 0 36px;
  798.     background:#eee;
  799.     border:1px solid #ccc;
  800.     font-size:14px;
  801.     line-height:24px;
  802. }
  803. .promo-list{
  804.     margin:-20px -17px -10px;
  805.     padding:0;
  806.     list-style:none;
  807.     width:267px;
  808.     overflow:hidden;
  809.     position:relative;
  810.     font-size:12px;
  811.     line-height:15px;
  812. }
  813. .promo-list li{
  814.     width:100%;
  815.     vertical-align:top;
  816.     border-bottom:1px solid #ccc;
  817.     margin:1px 0 -1px;
  818.     padding:10px 0 8px;
  819. }
  820. .promo-list li div{
  821.     width:100%;
  822.     display:table;
  823.     vertical-align:middle;
  824. }
  825. *+html .promo-list li div{display:block;}
  826. .promo-list li strong{
  827.     float:left;
  828.     width:85px;
  829.     text-align:right;
  830.     margin:0 20px 0 0;
  831.     font:bold 53px/56px Arial, Helvetica, sans-serif;
  832.     color:#0072bc;
  833. }
  834. .promo-list li span{
  835.     display:table-cell;
  836.     vertical-align:middle;
  837.     width:100%;
  838. }
  839. *+html .promo-list li span{
  840.     float:left;
  841.     width:auto;
  842. }
  843. .info-list {
  844.     margin:0 0 0 39px;
  845.     padding:0;
  846.     list-style:none;
  847.     float:left;
  848.     width:328px;
  849. }
  850. .info-list li {
  851.     border-bottom: 1px solid #d4d4d4;
  852.     font-size:14px;
  853.     line-height:19px;
  854. }
  855. .info-list li h3 {
  856.     font-size:18px;
  857.     color:#0054a6;
  858.     margin: 0 0 11px -2px;
  859.     line-height:22px;
  860. }
  861. .info-list li p {margin: 0 0 16px;}
  862. .info-list li .more {
  863.     background: url(../images/bullet8.gif) no-repeat 100% 5px;
  864.     padding: 0 9px 0 0;
  865.     font-weight:normal;
  866. }
  867. .info-list .premium {
  868.     background: url(../images/ico2.gif) no-repeat 22px 12px;
  869.     padding: 19px 10px 30px 101px;
  870. }
  871. .info-list .forums {
  872.     background: url(../images/ico3.gif) no-repeat 16px 25px;
  873.     padding: 25px 10px 30px 100px;
  874. }
  875. .info-list .email {
  876.     background: url(../images/ico4.gif) no-repeat 21px 20px;
  877.     padding: 22px 10px 30px 99px;
  878.     border:none;
  879. }
  880. .sidebox .title{
  881.     background: url(../images/bg-title.gif) no-repeat 5px 0;
  882.     padding:5px 0 5px 83px;
  883.     margin:0 0 16px;
  884. }
  885. .sidebox .title h3{
  886.     margin:0;
  887.     font-size:18px;
  888.     line-height:24px;
  889.     color:#000;
  890. }
  891. .sidebox p{margin:0 0 15px;}
  892. .sidebox .info-box {
  893.     background: url(../images/ico1.gif) no-repeat;
  894.     font-size:14px;
  895.     color:#000;
  896.     font-weight:bold;
  897.     padding: 0 0 0 45px;
  898. }
  899. .sidebox .info-box p {margin: 0 0 5px;}
  900. .sidebox .info-box p strong {color:#0054a6; font-size:18px;}
  901. .aside .box {
  902.     background:#e9f9ff;
  903.     border: 1px solid #ccc;
  904.     color:#444;
  905.     font-size:14px;
  906.     line-height:21px;
  907. }
  908. .aside .box .text-holder {padding: 19px 19px 26px;}
  909. .download-list {
  910.     margin:0;
  911.     padding:0;
  912.     list-style:none;
  913. }
  914. .download-list li {
  915.     background: url(../images/arrow1.gif) no-repeat 15px 9px;
  916.     padding: 8px 0 12px 52px;
  917.     border-top:1px solid #ccc;
  918. }
  919. .download-list li span {display:block; margin: 0 0 -3px;}
  920. .download-list li a {font-size:12px;font-weight:bold;}
  921. .aside .box p {margin: 0;}
  922. .aside .box h3 {
  923.     color:#000;
  924.     font-size:18px;
  925.     margin: 0 0 14px;
  926. }
  927. .get-now{
  928.     color:#fff;
  929.     display:block;
  930.     font-size:16px;
  931.     line-height:19px;
  932.     padding:7px 30px;
  933.     background:#0072bc url(../images/bullet4.gif) no-repeat 207px 50%;
  934.     margin:0 0 10px;
  935. }
  936. .tab-box .free-version,
  937. .tab-box .full-version{
  938.     width:256px;
  939.     height:17px;
  940.     overflow:hidden;
  941.     background:url(../images/bg-btn.gif) no-repeat;
  942.     text-align:center;
  943.     font-size:14px;
  944.     line-height:17px;
  945.     padding:11px 0 10px;
  946.     color:#414141;
  947. }
  948. .tab-box .free-version{float:left;}
  949. .tab-box .full-version{
  950.     color:#fff;
  951.     float:right;
  952.     background-position:0 -50px;
  953. }
  954. .tab-box .free-version:hover,
  955. .tab-box .full-version:hover{
  956.     text-decoration:none;
  957.     background-position:-256px 0;
  958. }
  959. .tab-box .full-version:hover{background-position:-256px -50px;}
  960. .boxes-line{
  961.     width:960px;
  962.     margin:25px auto 40px;
  963.     overflow:hidden;
  964. }
  965. .boxes-line .holder{
  966.     width:1000px;
  967.     overflow:hidden;
  968. }
  969. .boxes-line .box{
  970.     float:left;
  971.     overflow:hidden;
  972.     margin:0 40px 0 0;
  973. }
  974. .boxes-line .box.alignright{float:right;}
  975. .boxes-line h3{
  976.     margin:0 0 14px;
  977.     font:18px/21px Arial, Helvetica, sans-serif;
  978.     color:#fff;
  979. }
  980. .boxes-line ul{
  981.     margin:0;
  982.     padding:0;
  983.     list-style:none;
  984. }
  985. .boxes-line ul li{
  986.     height:1%;
  987.     vertical-align:top;
  988.     padding:0 0 6px;
  989. }
  990. .boxes-line ul a{color:#8099ac;}
  991. .subscribe-form{
  992.     width:288px;
  993.     float:left;
  994.     overflow:hidden;
  995.     font-size:10px;
  996.     line-height:12px;
  997.     color:#8099ac;
  998. }
  999. .subscribe-form a{
  1000.     color:#8099ac;
  1001.     text-decoration:underline;
  1002. }
  1003. .subscribe-form a:hover{text-decoration:none;}
  1004. .subscribe-form p{margin:0;}
  1005. .subscribe-form label{
  1006.     display:block;
  1007.     font:bold 14px/17px Arial, Helvetica, sans-serif;
  1008.     color:#fff;
  1009.     padding:0 0 7px;
  1010. }
  1011. .subscribe-form .row{
  1012.     width:100%;
  1013.     overflow:hidden;
  1014.     padding:0 0 10px;
  1015. }
  1016. .subscribe-form .text{
  1017.     width:205px;
  1018.     height:18px;
  1019.     float:left;
  1020.     background:#fff;
  1021.     border:1px solid #ccc;
  1022.     margin:0;
  1023.     padding:5px 4px 4px 8px;
  1024.     color:#666;
  1025.     outline:none;
  1026. }
  1027. .subscribe-form .submit{
  1028.     width:70px;
  1029.     height:29px;
  1030.     float:left;
  1031.     border:0;
  1032.     margin:0 0 0 -1px;
  1033.     padding:0;
  1034.     background:#0054a6;
  1035.     color:#fff;
  1036.     cursor:pointer;
  1037. }
  1038. #footer{
  1039.     width:960px;
  1040.     overflow:hidden;
  1041.     margin:0 auto;
  1042.     font-size:10px;
  1043.     line-height:12px;
  1044.     color:#8099ac;
  1045.     padding:16px 0 40px;
  1046. }
  1047. .footer-logo{
  1048.     width:227px;
  1049.     background:url(../images/logo2.gif) no-repeat;
  1050.     margin:-16px 15px 0 0;
  1051.     position:relative;
  1052. }
  1053. #footer p{margin:0;}
  1054. /* chameleon-page */
  1055. .chameleon-page{background:#2f384c;}
  1056. .chameleon-page a{color:#0f70b9;}
  1057. .chameleon-page .main-heading{background:#31394e url(../images/bg-chameleon-heading.gif) no-repeat 50% 0;}
  1058. .chameleon-page .main-heading .holder{
  1059.     padding-top:22px;
  1060. }
  1061. .chameleon-page .main-heading h1{
  1062.     font-size:42px;
  1063.     line-height:46px;
  1064.     text-indent:-9999px;
  1065. }
  1066. .chameleon-page .container{
  1067.     color:#555;
  1068.     font-size:14px;
  1069.     line-height:21px;
  1070.     padding-top:26px;
  1071. }
  1072. .chameleon-page .article{padding:0 4px 15px;}
  1073. .chameleon-page .container p{margin:0 0 21px;}
  1074. .chameleon-page .table-block{
  1075.     overflow:hidden;
  1076.     margin:0 0 30px;
  1077. }
  1078. .chameleon-page .table-block table{
  1079.     border-collapse:collapse;
  1080.     padding:0;
  1081.     margin:0 30px 0 0;
  1082.     /*width:515px;*/
  1083.     float:left;
  1084.     width: 200px;
  1085. }
  1086. .chameleon-page .table-block table .col1{width:307px;}
  1087. .chameleon-page .table-block table th,
  1088. .chameleon-page .table-block table td{
  1089.     padding:0 15px 0 13px;
  1090.     text-align:left;
  1091. }
  1092. .chameleon-page .table-block table th{
  1093.     color:#000;
  1094.     padding:0 16px 13px 13px;
  1095. }
  1096. .chameleon-page .table-block table td{
  1097.     line-height:22px;
  1098.     padding:6px 16px 7px 13px;
  1099. }
  1100. .chameleon-page .table-block table a{color:#555;}
  1101. .chameleon-page .table-block a.test-button{
  1102.     background:#0f70b9;
  1103.     display:block;
  1104.     color:#fff;
  1105.     font-size:12px;
  1106.     font-weight:bold;
  1107.     text-align:center;
  1108.     vertical-align:center;
  1109.     padding: 15px;
  1110. }
  1111. .chameleon-page .table-block .test-button{
  1112.     background:#0f70b9;
  1113.     display:block;
  1114.     color:#fff;
  1115.     font-size:12px;
  1116.     font-weight:bold;
  1117.     text-align:center;
  1118.     padding:3px 13px;
  1119.     cursor: pointer;
  1120. }
  1121. .chameleon-page .table-block .test:hover{text-decoration:none;}
  1122. .chameleon-page .table-block .tested{
  1123.     color:#68832e;
  1124.     font-weight:bold;
  1125.     padding:15px 0 15px 25px;
  1126.     display:block;
  1127.     display:none;
  1128.     background: url(../images/ico-tested.png) no-repeat 2px 18px;
  1129.     margin: 0 50px;
  1130. }
  1131. .chameleon-page .table-block .description{
  1132.     padding:0 0 0 53px;
  1133.     height:1%;
  1134.     overflow:hidden;
  1135. }
  1136. .chameleon-page .table-block .description .note{
  1137.     display:block;
  1138.     min-height:21px;
  1139.     margin:0 0 11px -53px;
  1140.     padding:0 0 10px 53px;
  1141.     background: url(../images/arrow.gif) no-repeat 2px 7px;
  1142. }